/**
  * @description: 收货人信息、地址等。。。
*/
<template>
  <div class="pages">
    <div>
      <van-cell-group inset>
        <van-cell
          v-if="orderDetailData.shipType == 1"
          title="收货人"
          :value="orderDetailData.receiver"
        />
        <van-cell
          v-if="orderDetailData.shipType == 2"
          title="取货人"
          :value="orderDetailData.receiver"
        />
        <van-cell title="手机号" :value="orderDetailData.phone" />
        <van-cell
          v-if="orderDetailData.shipType == 1"
          value-class="address-sty"
          title="收货地址"
          :value="orderDetailData.address"
        />
        <van-cell
          v-if="orderDetailData.shipType == 2"
          value-class="address-sty"
          title="取货地址"
          :value="orderDetailData.goodsAddress"
        />
      </van-cell-group>
    </div>
  </div>
</template>

<script>
export default {
  name: "orderStatus",
  props: {
    orderDetailData: Object,
  },
  data() {
    return {};
  },
  created() {},
  methods: {},
};
</script>
<style scoped lang="less">
.pages {
  margin-top: 12px;
  .van-cell__title {
    color: #999;
  }
  .van-cell__value {
    font-weight: 700;
    color: #000000;
  }
  .van-divider {
    margin: 0 12px;
  }
  .van-cell {
    // padding: 10px 12px;
    .van-cell__value {
      flex: 3;
    }
  }
  .van-cell-group--inset {
    margin: 0;
  }
  .address-sty {
    //text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
  }
}
</style>
